.login-view.jy-login-theme {
  background: url("./images/light/bg.jpg") no-repeat center;
  background-size: 100% 100%;

  .center-bj {
    width: 65%;
    left: 50%;
    top: 50%;
    margin-left: -54%;
    margin-top: -190px;
    height: 510px;
    display: none;
    flex-direction: row;
    align-items: center;
  }

  .min-height-box {
    .min-height-auto {
      .box-login {
        width: 1000px;
        height: 512px;
      }
    }
  }

  .login-main-content {
    width: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: flex-end;
    box-shadow: 0 2px 10px 0 #2a5bc16e;
    border: 1px #fff solid;
    margin-top: 50px;
    background: #fefefecf url("./images/light/left-img.png") no-repeat left  bottom;

    .toggle-button {
      background: url("./images/light/login-sprite01.png") no-repeat right center;
      background-size: auto 100%;

      &:hover {
        background: url("./images/light/login-sprite03.png") no-repeat right center;
        background-size: auto 100%;
      }
    }

    .toggle-button.password {
      background: url("./images/light/login-sprite02.png") no-repeat right center;
      background-size: auto 100%;

      &:hover {
        background: url("./images/light/login-sprite04.png") no-repeat right center;
        background-size: auto 100%;
      }
    }

    .title-area {
      color: #556a8f;
    }

    .login-form {
      ::v-deep.el-input--prefix .el-input__inner {
        border: 1px solid #d5e2f1;

        &:focus {
          border: 1px solid #1a7af0;
        }
      }

      ::v-deep.el-input__prefix {
        .el-input__icon {
          color: #5495df;
        }
      }

      .show-pwd {
        color: #556a8f;
      }

      ::v-deep.verify-bar-area {
        border: 1px solid #d5e2f1;
      }
    }

    .mobile {
      border: 1px solid #2182ed;
      color: #33405a;

      &:hover {
        color: #455064;
        background-color: #fff;
      }
    }
  }

  @media screen and (max-width: 1000px) {
    .center-bj {
      display: none;
    }

    .login-main-content {
      width: 90%;
      transform: translate(-50%, -50%);
    }
  }
}
